<template>
  <a href="">
    <ul>
      <li>
        <img :src="a[0]">
      </li>
      <li><h3>{{a[1]}}</h3></li>
      <li><p>{{a[2]}}</p></li>
      <li><span>{{a[3]}}</span></li>
    </ul>
  </a>
</template>

<script>
export default {
  name: "list2R",
  data(){
    return{
      a:[
        '//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&w=200&h=200&f=webp&q=90',
        '米家插线板 快充版 27W',
        '安全的大功率快充插线板',
        '69元'
  ]
    }
  }
}
</script>

<style scoped>
a {
  display: block;
  background-color: rgba(0,0,0,0);
  float: left;
  width: 234px;
  height: 300px;
  margin-left:13px ;
  margin-bottom: 15px;
}
a ul li img{
  width: 160px;
  height: 160px;
}
a ul li {
  list-style: none;
}
p, h3 {
  width: 160px;
  text-align: center;
}
span {
  display: block;
  width: 160px;
  text-align: center;
}
</style>